<ul class="slidingMenu">
    <li class="parentNode">
        <div class="slideMenuItem">
            <a class="node expanded noslide firstNode selected" href="{$URL_RELATIVE}/bo/#{url route="systemRoot"}">{icon name="menu_home.png" class="icon1616 menuUp"} <strong>{t}SYSTEM{/t}</strong></a>
        </div>
    </li>
    <li class="childNode">
       <div class="slideMenuItem">
            <a class="node childNode noslide" href="{$URL_RELATIVE}/bo/#{url route="systemDevelopment"}" title="system">{icon name="empty.png"}{icon name="engine.png"} {t}Developper{/t}</a>
        </div>
    </li>
    <li class="childNode">
       <div class="slideMenuItem">
            <a class="node childNode noslide" href="{$URL_RELATIVE}/bo/#{url route="systemCache"}" title="system">{icon name="empty.png"}{icon name="engine.png"} {t}Cache{/t}</a>
        </div>
    </li>
    <li class="childNode">
       <div class="slideMenuItem">
            <a class="node childNode noslide" href="{$URL_RELATIVE}/bo/#{url route="systemRights"}" title="system">{icon name="empty.png"}{icon name="engine.png"} {t}Rights{/t}</a>
        </div>
    </li>
    <li class="childNode">
       <div class="slideMenuItem">
            <a class="node childNode noslide" href="{$URL_RELATIVE}/bo/#{url route="systemInfos"}" title="system">{icon name="empty.png"}{icon name="engine.png"} {t}System informations{/t}</a>
        </div>
    </li>
</ul>

<script type="text/javascript">
    {literal}
    els = $.makeArray($('a.node'));
    currentLink = getHash(document.location.toString());

    $.each(els, function(i, obj){
        if(getHash($(obj).attr('href')) == currentLink)
        {
            $('a.node').removeClass('selected');
            $(obj).addClass('selected');
        }
    });
    {/literal}
</script>